<!DOCTYPE html>
<html lang="en">
	<head>
		<link
			rel="icon"
			href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">⛱️</text></svg>'
		/>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>thing-browser · @thi.ng/umbrella</title>
		<link href="/css/style.css" rel="stylesheet" />
		<script>
			window.goatcounter = { path: (p) => location.host + p };
		</script>
		<script
			data-goatcounter="https://thing.goatcounter.com/count"
			async
			src="//gc.zgo.at/count.js"
		></script>
	</head>
	<body>
		<div id="app">
			<h1>thi.ng/umbrella browser</h1>
			<p>
				By unfolding nested levels of the tag tree, you're creating
				increasingly narrower tag intersections to filter the list of
				available packages &amp; examples. At each level, a list of
				related tags will be shown. Some tags have associated glossary
				entries for further reading. Nested tags can be promoted as new
				main search term, which might increase the result set. Use the
				fuzzy search to pre-filter the initial list of matching of
				tags...
			</p>
			<p class="note-info">
				<strong
					>Work-in-progress only, please do not assume
					completeness...</strong
				><br />
				The metadata (keyowrds, thumbnails) used by this tool is sourced
				from the package files of all projects and is still being added,
				updated, cleaned, consolidated etc.
				<br />
				<br />
				<small>Last updated: %VITE_LAST_UPDATE%</small>
			</p>
			<noscript>This interactive tool requires JavaScript</noscript>
		</div>
		<div>
			<a
				class="link"
				href="https://github.com/thi-ng/umbrella/tree/develop/examples/thing-browser"
				>Source code</a
			>
		</div>
		<script type="module" src="/src/index.ts"></script>
	</body>
</html>
